Antdesign |
您所在的位置:网站首页 › antdesign vue tree › Antdesign |
expandable={{ defaultExpandedRowKeys: ['1'], onExpand: async (record: any, row: any) => { if (!record) return; //判断是否展开 if(Object.keys(row.children[0]).length > 0) return //子节点有数据就return,不用重复请求。 const newData = [...data]; setLoading(true); const res = await https({ url:“”, method: 'GET', }); const formatMap = (items: any) => { items.find((item: any) => { if (item.key === row.key) { // //找到当前要展开的节点 item.children = res.data.data.data.children.map( (el: any) => { const newItem: any = { key: el.facilityId.toString(), areaTwo: el.siteName, equipmenttotal: el.total, netequipmentnum: el.network, insequipmentnum: el.meter, BAequipmentnum: el.ba, type: el.type, }; if (newItem.type !== '4') { newItem.children = [{}]; } return newItem; } ); } if (item.children && item.children.length > 0) { formatMap(item.children); } }); }; formatMap(newData || []); setData(newData); setLoading(false); }, |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |